/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-arrow {
  background-image: url(imagesp.png);
  background-position: -211px -74px;
  width: 102px;
  height: 35px;
}
.icon-cherry1 {
  background-image: url(imagesp.png);
  background-position: -211px -109px;
  width: 31px;
  height: 31px;
}
.icon-cherry2 {
  background-image: url(imagesp.png);
  background-position: -142px -74px;
  width: 69px;
  height: 66px;
}
.icon-p2pic1 {
  background-image: url(imagesp.png);
  background-position: -128px -170px;
  width: 64px;
  height: 70px;
}
.icon-p2pic2 {
  background-image: url(imagesp.png);
  background-position: -64px -74px;
  width: 78px;
  height: 68px;
}
.icon-p2pic3 {
  background-image: url(imagesp.png);
  background-position: 0px -170px;
  width: 64px;
  height: 75px;
}
.icon-p2pic4 {
  background-image: url(imagesp.png);
  background-position: 0px -74px;
  width: 64px;
  height: 96px;
}
.icon-p2pic5 {
  background-image: url(imagesp.png);
  background-position: -64px -170px;
  width: 64px;
  height: 74px;
}
.icon-p2pic6 {
  background-image: url(imagesp.png);
  background-position: -313px -74px;
  width: 49px;
  height: 27px;
}
.icon-p2pic7 {
  background-image: url(imagesp.png);
  background-position: 0px -245px;
  width: 45px;
  height: 100px;
}
.icon-p2pic8 {
  background-image: url(imagesp.png);
  background-position: -192px -170px;
  width: 50px;
  height: 67px;
}
.icon-p2tit {
  background-image: url(imagesp.png);
  background-position: -213px -42px;
  width: 176px;
  height: 24px;
}
.icon-text1 {
  background-image: url(imagesp.png);
  background-position: -196px 0px;
  width: 200px;
  height: 38px;
}
.icon-text2 {
  background-image: url(imagesp.png);
  background-position: 0px 0px;
  width: 196px;
  height: 42px;
}
.icon-title {
  background-image: url(imagesp.png);
  background-position: 0px -42px;
  width: 213px;
  height: 32px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-arrow {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-cherry1 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-cherry2 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic1 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic2 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic3 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic4 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic5 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic6 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic7 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic8 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-p2tit {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-text1 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-text2 {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
  .icon-title {
    background-image: url(imagesp-2x.png);
    background-size: 396px 345px;
  }
}

@media (-webkit-min-device-pixel-ratio: 3),
       (min-resolution: 249dpi) {
  .icon-arrow {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-cherry1 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-cherry2 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic1 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic2 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic3 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic4 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic5 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic6 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic7 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2pic8 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-p2tit {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-text1 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-text2 {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
  .icon-title {
    background-image: url(imagesp-3x.png);
    background-size: 396px 345px;
  }
}
